<template>
  <div class="report">
    <el-row>
      <el-card>
        <div style="color: black;">
          <el-tabs v-model="activeName">
            <el-tab-pane label="社保报表" name="first">
              <div style="text-align: right;">
                <el-button type="primary">导出</el-button>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </el-card>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: 'first'
    }
  }

}
</script>

<style scoped>
    .report{
        padding: 20px;
    }
    ::v-deep(.el-tabs__item) {
        font-size: 20px; /* 设置字体大小 */
        color: black; /* 设置字体颜色 */
    }
    /* 覆盖下划线的颜色 */
    .report >>> .el-tabs__active-bar {
        background-color: black; /* 例如: #409EFF */
    }
    .warning-row{
        background-color: white;
    }
</style>
